<template>
  <div class="right-container">
    <h3>Right 组件</h3>
      <p>点击按钮数字加1-- {{ count }}</p>
      <button @click="add">+1</button>
      <hr/>
      <p>接受兄弟组件left的数据： {{ msgFromLeft }}</p>
  </div>
</template>

<script>
import bus from './enventBus'
export default {
    data() {
        return {
            count: 0,
            msgFromLeft: ''
        }
    },
    methods: {
        add() {
            this.count += 1
            // 子向父传值，使用自定义事件
            this.$emit('numchange',this.count)

        }
    },
    created() {
        // 注册，监听事件事件  一上来就绑定事件，事件一旦触发，监听赋值
        bus.$on('share',(val)=> {
           this.msgFromLeft = val
        })
    }
}
</script>

<style lang="less">
.right-container {
  padding: 0 20px 20px;
  background-color: lightskyblue;
  min-height: 250px;
  flex: 1;
}
</style>
